<template>
  <div id="app" @touchmove="touchMove">
    <index></index>
    <!--<music-bg></music-bg>
    <loading></loading>-->
  </div>
</template>
<script>
import Index from './components/Index/Index.vue'
import MusicBg from './common/MusicBg/MusicBg.vue'
import Loading from './common/Loading/Loading.vue'
export default {
    name: 'app',
    components: {
        Index,
        MusicBg,
        Loading
    },
    mounted(){
    },
    methods:{
        touchMove(e){
            if(!this.$store.getters.getCanScroll){
                e.preventDefault()
            }
        }
    }
}
</script>

<style lang="scss">
html,body{padding: 0;margin: 0;}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>
